<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:v-bind="http://www.w3.org/1999/xhtml"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="icon" href="/images/bitbug_favicon.ico" type="image/ico" />
	<title>spring_boot后台管理系统</title>
	
	<!-- Bootstrap -->
    <link href="/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
     <!-- Font Awesome -->
    <link href="/vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">  
    <!-- Custom Theme Style -->
    <link href="/css/custom.css" rel="stylesheet">
    
     <!-- jQuery -->
    <script src="/vendors/jquery/dist/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="/vendors/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <!-- Vue -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" type="text/javascript"></script>
    <!-- layer -->
    <script src="https://cdn.bootcss.com/layer/2.1/layer.js" type="text/javascript"></script>
    <!-- 删除确认框-->
    <script src="/vendors/bootbox/js/bootbox.js" type="text/javascript"></script>
</head>
<body class="nav-md">
<div class="container body">
	<div class="main_container">

   <!--     Thymeleaf一般基于springboot来使用，其实是springmvc。

        其实在日常中我们编写网页代码，常常会编写网页头和底部。

        但是不可能每个页面都Ctrl+C，Ctrl+V。这样会反复的代码编写。

        另外涉及到一些多重复的代码：如对于thymeleaf分页的代码很多都是重复的，所以不可能都是几个页面全是重复的代码。

        所以我们最好将重复的代码写在多个html中，需要的时候放进页面中。

        所以便用到了th:include和th:replace
        th:include：引入子模块的children，依然保留父模块的tag。
                加载模板的内容： 读取加载节点的内容（不含节点名称），替换div内容
        th:replace：引入子模块的所有，不保留父模块的tag。
                替换当前标签为模板中的标签，加载的节点会整个替换掉加载他的div
        -->
		<!-- header -->
		<div th:replace="fragments/header"></div> 
	
		 <!-- sidebar -->
		<div th:replace="fragments/sidebar"></div> 
		
		<!-- content -->
		<div th:if="${template}">
			<div th:replace="${template}"></div>
		</div>
		
	 	<!-- footer -->
		<div th:replace="fragments/footer"></div> 
	</div>
</div>

	<!-- Custom Theme Scripts -->
    <script src="/js/custom.min.js"></script>
</body>
</html>
